@use 'sass:map';
// {bem_b,bem_e,bem_m,VueAndNvueStyleAttr,when}
@use './mixin/mixins.scss' as *;
@use './mixin/function.scss' as *;
// // {$badge}
@use './common/var.scss' as *;

@import 'common/index.scss';

@include bem_b(skeleton-waterfall) {
	@include flex;
	@include bem_e(left) {
		flex: 1;
		padding-right: 8px;
	}
	@include bem_e(right) {
		flex: 1;
		padding-left: 8px;
	}
	@include bem_e(item) {
		position: relative;
		margin-bottom: 10px;
		&__img {
			border-radius: 8px;
			overflow: hidden;
			margin-bottom: 6px;
		}
		&__name {
			@include flex;
			margin-bottom: 4px;
			&-block {
				width: 100px;
				height: 12px;
			}
		}
		&__desc {
			@include flex;
			&-block {
				width: 60px;
				height: 9px;
			}
		}
	}
}
